﻿<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>苏州宝狮窗业 - 新闻中心</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="/templates/mobile/assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="/templates/mobile/assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="css/amazeui.min.css"/>
<link rel="stylesheet" href="css/app.css">
<style>.am-article-bd img{ padding-bottom:1rem;}</style>
</head>

<!-- <header data-am-widget="header" class="am-header am-header-default am-header-fixed" style=" position: fixed; z-index: 9999;">
  <div class="am-header-left am-header-nav"> <a href="#" class=""> <i class="am-header-icon am-icon-home"></i> </a> </div>
  <h1 class="am-header-title"> <a href="#" class=""> <img src="picture/logo.jpg"> </a> </h1>
  <div class="am-header-right am-header-nav"> <a  href="#"> <i class="am-header-icon am-icon-chevron-left"></i> </a> </div>
</header>  -->

<!-- header start-->
<header data-am-widget="header" class="am-header am-header-default am-header-fixed" style=" position: fixed; z-index: 9999;">
  <div class="am-header-left am-header-nav"> <a href="index.html" class=""> <i class="am-header-icon am-icon-home"></i> </a> </div>
  <h1 class="am-header-title"> <a href="" class=""> <img src="picture/logo.jpg"> </a> </h1>
  <div class="am-header-right am-header-nav"> <a  href="#" data-am-offcanvas="{target: '#admin-offcanvas'}"> <i class="am-header-icon am-icon-bars"></i> </a> </div>
</header>
<!-- header end-->
<!-- sidebar start -->
<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
  <div class="am-offcanvas-bar admin-offcanvas-bar">
    <ul class="am-list admin-sidebar-list">
    	
    	<li><a href="关于宝狮.html" ><p><span class="am-icon-twitter am-icon-lg"></span><br />关于宝狮</p></a></li>
        <li><a href="集成住宅.html" ><p><span class="am-icon-gittip am-icon-lg"></span><br />集成住宅</p></a></li> 
       	<li><a href="宝狮制造.html" ><p><span class="am-icon-skyatlas am-icon-lg"></span><br />宝狮制造</p></a></li> 
        <li><a href="服务中心.html" ><p><span class="am-icon-pie-chart am-icon-lg"></span><br />服务中心</p></a></li> 
        <li><a href="新闻中心.html" ><p><span class="am-icon-newspaper-o am-icon-lg"></span><br />新闻中心</p></a></li> 
        <li><a href="联系我们.html" ><p><span class="am-icon-tty am-icon-lg"></span><br />联系我们</p></a></li> 
    </ul>
  </div>
</div>
<!-- sidebar end -->
  
  


<article class="am-article">
  <div class="am-article-hd">
    <h1 class="am-article-title">新闻中心</h1>
    <!-- <p class="am-article-meta" style="height:20px;"><a class="am-badge am-badge-secondary am-fl">Time : 2016-06-24</a> <a class="am-badge am-badge-warning am-fr">View : <script type="text/javascript" src="js/submit_ajax.js"></script></a></p> -->
  </div>

  <div class="am-article-bd">
    
       <div data-am-widget="tabs" class="am-tabs am-tabs-default" style="margin:0px;">
      <ul class="am-tabs-nav am-cf" style="height: 30px; line-height: 30px;">
          <li class="am-active"><a href="[data-tab-panel-0]">宝狮新闻</a></li>
          <li class=""><a href="[data-tab-panel-1]">行业新闻</a></li>
      </ul>
      <div class="am-tabs-bd">
          <div data-tab-panel-0 class="am-tab-panel am-active">
              <ul data-am-widget="gallery" class="am-gallery am-avg-sm-1             am-avg-md-1 am-avg-lg-1 am-gallery-default am-no-layout">
            <!--取得一个分页DataTable-->
            <li data-am-scrollspy="{animation: 'fade', delay: 300}" class="am-scrollspy-init am-scrollspy-inview am-animation-fade">
              <div class="am-gallery-item"> <a href="新闻中心-新闻详细.html" class="">
                <div class="am-u-sm-12" style="padding:15px 0;">
                  <h3 class="am-gallery-title">宝狮在巴林样板房建设有条不紊开展</h3>
                </div>
                <img src="picture/news-1.jpg" alt=""> 
                 </a>
                <div class="am-u-sm-12" style="margin:10px 0px; background-color:#F8F8F8;">
                  <ul class="doc-icon-list am-avg-sm-2">
                    <li style="text-align:left;"><a href="#"><i class="am-icon-calendar"></i>&nbsp;&nbsp;2016-12-01</a></li>
                    <li style="text-align:right;"><a href="#"><i class="am-icon-thumbs-o-up"></i>&nbsp;&nbsp;6</a></li>
                  </ul>
                </div>
              </div>
            </li>
            <li data-am-scrollspy="{animation: 'fade', delay: 300}" class="am-scrollspy-init am-scrollspy-inview am-animation-fade">
              <div class="am-gallery-item"> <a href="新闻中心-新闻详细.html" class="">
                <div class="am-u-sm-12" style="padding:15px 0;">
                  <h3 class="am-gallery-title">宝狮在重庆千野草场项目建设火热进行中</h3>
                </div>
                <img src="picture/news-2.jpg" alt=""> 
                 </a>
                <div class="am-u-sm-12" style="margin:10px 0px; background-color:#F8F8F8;">
                  <ul class="doc-icon-list am-avg-sm-2">
                    <li style="text-align:left;"><a href="#"><i class="am-icon-calendar"></i>&nbsp;&nbsp;2016-12-01</a></li>
                    <li style="text-align:right;"><a href="#"><i class="am-icon-thumbs-o-up"></i>&nbsp;&nbsp;6</a></li>
                  </ul>
                </div>
              </div>
            </li>
            <li data-am-scrollspy="{animation: 'fade', delay: 300}" class="am-scrollspy-init am-scrollspy-inview am-animation-fade">
              <div class="am-gallery-item"> <a href="新闻中心-新闻详细.html" class="">
                <div class="am-u-sm-12" style="padding:15px 0;">
                  <h3 class="am-gallery-title">宝狮在重庆千野草场项目建设火热进行中</h3>
                </div>
                <img src="picture/news-2.jpg" alt=""> 
                 </a>
                <div class="am-u-sm-12" style="margin:10px 0px; background-color:#F8F8F8;">
                  <ul class="doc-icon-list am-avg-sm-2">
                    <li style="text-align:left;"><a href="#"><i class="am-icon-calendar"></i>&nbsp;&nbsp;2016-12-01</a></li>
                    <li style="text-align:right;"><a href="#"><i class="am-icon-thumbs-o-up"></i>&nbsp;&nbsp;6</a></li>
                  </ul>
                </div>
              </div>
            </li>
            

          </ul>
          </div>
          <div data-tab-panel-1 class="am-tab-panel ">
             
          </div>
      </div>
  </div>

     
  </div>
</article>

  <a data-am-smooth-scroll class="am-icon-btn am-icon-arrow-up am-active fanhui"></a>

<!-- footer start-->
<footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
  <div class="am-footer-miscs" style="border-top: solid 1px #ececec;">
    <p>版权所有 苏州宝狮窗业有限公司<br />
      联系地址：江苏省苏州市吴中区郭巷九盛港路505号</p>
  </div>
</footer>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " style="border-top:2px solid #BE1C24;"
      id="">
  <ul class="am-navbar-nav am-cf am-avg-sm-4" style="color:#333333;">
    <li > <a href="#" class="" data-am-modal="{target: '#my-alert'}"> <span class="am-icon-mobile"></span> <span class="am-navbar-label">电话</span> </a> </li>
    <li > <a href="#" class="" data-am-modal="{target: '#my-alert1'}"> <span class="am-icon-phone"></span> <span class="am-navbar-label">传真</span> </a> </li>
    <li > <a href="#" class="" data-am-modal="{target: '#my-alert2'}"> <span class="am-icon-envelope-o"></span> <span class="am-navbar-label">E-mail</span> </a> </li>
  </ul>
</div>
<!-- footer end-->
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      电话：86-512-6596 5836
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert1">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      传真：86-512-6596 5838
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert2">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      邮箱：carinachen@porshseal.com
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<!--[if (gte IE 9)|!(IE)]><!--> 
<script src="js/jquery.min.js"></script> 
<!--<![endif]--> 
<script src="js/amazeui.min.js"></script> 
<script src="js/app.js"></script>
</body></html>